/**
 * 组件名称解析器
 * 解决组件库组件名称与HTML保留标签冲突的问题
 */

// 保留的HTML标签名称
const RESERVED_HTML_TAGS = [
  'a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo',
  'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup',
  'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed',
  'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
  'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd',
  'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter',
  'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture',
  'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select',
  'slot', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'svg',
  'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title',
  'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr'
];

/**
 * 检查名称是否是保留的HTML标签
 * @param {string} name 组件名称
 * @returns {boolean} 是否是保留的HTML标签
 */
export function isReservedHtmlTag(name) {
  return RESERVED_HTML_TAGS.includes(name.toLowerCase());
}

/**
 * 生成安全的组件名称，避免与HTML标签冲突
 * @param {string} name 原始组件名称
 * @returns {string} 安全的组件名称
 */
export function getSafeComponentName(name) {
  if (isReservedHtmlTag(name)) {
    return `ew-${name}`;
  }
  return name;
}

/**
 * 根据组件库中的名称获取解析后的实际组件名称
 * @param {string} libraryComponentName 组件库中的组件名称
 * @returns {string} 解析后的组件名称
 */
export function resolveComponentName(libraryComponentName) {
  // 所有组件库组件都添加前缀
  return `ew-${libraryComponentName}`;
}

export default {
  isReservedHtmlTag,
  getSafeComponentName,
  resolveComponentName
}; 